<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<title>Japword</title>
	<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
	<meta content="initial-scale=1.0, user-scalable=no" name="viewport" />


	<!-- iWebKit-->
	<link href="iwebkit/css/style.css" rel="stylesheet" media="screen" type="text/css" />
	<script src="iwebkit/js/functions.js" type="text/javascript"></script>
	
	<!-- Prototype -->
	<script type="text/javascript" src="js/lib/scriptaculous-js-1.9.0/lib/prototype.js"></script>
	
	<!-- Perso -->
	<link href="css/iwebkit-extend.css" rel="stylesheet" media="screen" type="text/css" />
	
	<script type="text/javascript" src="js/japword.conf.js"></script>
	<script type="text/javascript" src="js/japword.page.js"></script>
	<script type="text/javascript" src="js/japword.webapp.js"></script>
	
	<script type="text/javascript" src="js/japword.dictionnary.js"></script>
	<script type="text/javascript" src="js/japword.test.js"></script>
</head>

<body>

<div id="topbar">
	<div id="leftnav">
		<a href="index.html"><img alt="home" src="iwebkit/images/home.png" /></a>
	</div>
	<div id="title">Japword</div>
	<div id="rightnav">
		<a href="#" class="action-next-word">Suivant</a>
	</div>
</div>

<div id="content">
	<span class="graytitle">Quel est la traduction de ...</span>
	<ul class="pageitem">
		<li class="textbox">
			<span id="subword" class="comment hidden"></span>
			<p id="word"></p>
			<!--<span class="comment">iie</span>-->
		</li>
		<li class="textbox hidden" id="translations">
			<div id="tmpl-translation" class="hidden">
			<span class="comment subtranslation hidden"></span>
			<p class="translation"></p>
			</div>
		</li>
	</ul>
	<ul class="pageitem">
		<li class="button blue" id="form-button-see-translation">
			<input type="button" value="Voir la traduction" id="btn-see-translation"/>
		</li>
		<li class="button blue hidden" id="form-button-next-word">
			<input type="button" value="Suivant" class="action-next-word"/>
		</li>
	</ul>
</div>
<div id="footer">
	<span>Avancement: <span id="test-progress-done"></span> / <span id="test-progress-total"></span></span>
</div>
<div id="console-message">
</div>
<script type="text/javascript">
	document.observe("dom:loaded",function() {
		JapWord.Test.loadSavedTest(true);
		if (JapWord.Test.newTest) {
			JapWord.Test.nextWord();
			JapWord.Test.newTest = false;
			JapWord.Test.saveCurrentTest();
		}
		JapWord.Test.draw();		
	});
</script>
</body>
</html>
